<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ushop</title>
    <link rel="stylesheet" href="../font/font_3567034_eb9leelx4ks/iconfont.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="shortcut icon" href="./ushop.ico">
</head>

<body>
    <!-- 顶部 -->
    <div class="head" id="top">
        <div class="main clearfix">
            <img src="./images/1_02.png" alt="" class="fl">
            <div class="center fl">
                <ul class=" clearfix nav">
                    <li class="sy"> <a href="#"> 首页</a></li>
                    <li><a href="./html/class.html">同步课程</a></li>
                    <li><a href="./html/video.html">在线练习</a></li>
                    <li><a href="#">精品课程</a></li>
                </ul>
            </div>
            <div class="right fl">
                <form action="" class="fl">
                    <div class="searchInput">
                        <select name="" id="" class="xiala">
                            <option value="">课程</option>
                        </select>
                        <span class="iconfont icon-xiajiantou" id="jt"></span>
                        <div class="ssk fr">
                            <input type="text" placeholder="搜索感兴趣的内容" class="xq">
                            <span class="iconfont icon-fangdajing fr"></span>
                        </div>
                    </div>
                </form>
                <%if(username){%>
                    <div class="user">
                        <img src="./images/img/login/user.png" alt="">
                        <ul class="user-list">
                            <li>
                                <%=username%>
                            </li>
                            <li>课程中心</li>
                            <li>订单中心</li>
                            <li>资金管理</li>
                            <li>个人中心</li>
                            <li class="out">退出登录</li>
                        </ul>
                    </div>
                    <%}else{%>
                        <p>
                            <a href="./html/login.html">登录</a>
                            /
                            <a href="./html/register.html">注册</a>
                        </p>
                    <%}%>
            </div>
        </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner main">
        <ul class="imgs">
            <!-- <img src="./images/" alt=""> -->
            <!-- <li><img src="" alt=""></li>
            <li><img src="" alt=""></li>
            <li><img src="" alt=""></li>
            <li><img src="" alt=""></li>
            <li><img src="" alt=""></li> -->
        </ul>
        <ul class="list">
            <!-- <li class="high">123</li>
            <li></li>
            <li></li>
            <li></li>
            <li></li> -->
        </ul>
    </div>
    <!-- 同步课程标题 -->
    <div class="tb clearfix main" id="wdkc">
        <div class="tb1 fl">同步课程</div>
        <div class="tb2 fr">
            更多课程
            <span class="iconfont icon-youjiantou"></span>
        </div>
    </div>
    <!-- 同步课程内容 -->
    <div class="clearfix tbnr main">
        <!-- <div class="nr fl nr1">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl nr1">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/1_09.jpg" alt="">
                <div class="rj">人教版</div>
                <div class="xx">1100人在学习</div>
            </div>
            <div class="zi">
                <div>
                    <p>行政管理专业班</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">免费学习</div>
            </div>
        </div> -->
    </div>
    <!-- 全面提升听说读写 -->
    <div class="tsdx main">
        <img src="./images/1_07.png" alt="">
    </div>
    <!-- 在线测试标题 -->
    <div class="tb clearfix main" id="wdks">
        <div class="tb1 fl">在线测试</div>
        <div class="tb2 fr">
            更多练习
            <span class="iconfont icon-youjiantou"></span>
        </div>
    </div>
    <!-- 在线测试内容 -->
    <div class="clearfix main zxcs">

        <!-- <div class="nr fl nr1">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div>
        <div class="nr fl nr1">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div>
        <div class="nr fl">
            <div class="tu">
                <img src="./images/zxcs_07.png" alt="">
                <div class="rj">北京</div>
                <div class="xx">
                    <div>1100人已考试</div>
                    <div class="cy">初一</div>
                </div>
            </div>
            <div class="zi">
                <div>
                    <p>北京2020年6月中考</p>
                    <span>23课时</span>
                </div>
                <div class="zi_right">去考试</div>
            </div>
        </div> -->
    </div>
    <!-- 精品课程标题 -->
    <div class="tb clearfix main">
        <div class="tb1 fl">精品课程</div>
        <div class="tb2 fr">
            更多课程
            <span class="iconfont icon-youjiantou"></span>
        </div>
    </div>
    <!-- 精品课程内容 -->
    <div class="jpnr clearfix main">
        <div class="l_jpnr fl">
            <!-- <div class="l_jpnr1 fl jpnr1">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div>
            <div class="l_jpnr1 fl">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div>
            <div class="l_jpnr1 fl">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div>
            <div class="l_jpnr1 fl jpnr1 jpnr2">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div>
            <div class="l_jpnr1 fl jpnr2">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div>
            <div class="l_jpnr1 fl jpnr2">
                <div class="tu">
                    <img src="./images/1_14.png" alt="">
                    <div class="rj">北京</div>
                    <div class="xx">
                        1100人在学习
                    </div>
                </div>
                <div class="zi">
                    <div>
                        <p>北京2020年6月中考</p>
                        <span>23课时</span>
                    </div>
                    <div class="zi_right">去考试</div>
                </div>
            </div> -->
        </div>
        <div class="r_jpnr fl"><img src="./images/1_11.png" alt=""></div>
    </div>
    <!-- 底部广告 -->
    <div class="gg clearfix main">
        <div class="gg1"><img src="./images/1_18.png" alt=""></div>
        <div><img src="./images/1_20.jpg" alt=""></div>
        <div><img src="./images/1_22.png" alt=""></div>
    </div>
    <!-- 底部  -->
    <div class="footer">
        <div class="main">
            <!-- 第一行 -->
            <div class="first">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li>|</li>
                    <li><a href="#">关于我们</a></li>
                    <li>|</li>
                    <li><a href="#">加入我们</a></li>
                    <li>|</li>
                    <li><a href="#">合作专区</a></li>
                    <li>|</li>
                    <li><a href="#">联系我们</a></li>
                    <li>|</li>
                    <li><a href="#">AI开放平台</a></li>
                    <li>|</li>
                    <li><a href="#">意见反馈</a></li>
                    <li>|</li>
                    <li><a href="#">漏洞提交</a></li>
                    <li>|</li>
                    <li><a href="#">隐私政策</a></li>
                    <li>|</li>
                    <li><a href="#">版权声明</a></li>
                    <li>|</li>
                    <li><a href="#">反盗链声明</a></li>
                    <li>|</li>
                    <li><a href="#">网上有害信息举报</a></li>
                    <li>|</li>
                    <li><a href="#">备案公示</a></li>
                    <li>|</li>
                    <li><a href="#">营业执照</a></li>
                    <li>|</li>
                    <li><a href="#">教师资格证公示</a></li>
                </ul>
            </div>
            <!-- 第二行 -->
            <div class="second">
                <ul>
                    <li>京ICP备</li>
                    <li>13030888号</li>
                    <li>Copyright</li>
                    <li>&copy;</li>
                    <li>2014-2019</li>
                    <li>行者信息科技</li>
                    <li>（北京）</li>
                    <li>有限公司</li>
                    <li>|</li>
                    <li>地址：</li>
                    <li>北京市新华区马当路388号C座</li>
                    <li> | </li>
                    <li>电话：</li>
                    <li>010-66666666</li>
                    <li> | </li>
                    <li>京公网安备 </li>
                    <li>01010102002533号</li>
                </ul>
            </div>
            <!-- 第三行 -->
            <div class="third">
                <ul>
                    <li>京网文</li>
                    <li>[2018]</li>
                    <li>4086-308号</li>
                    <li> |</li>
                    <li>网络文化经营许可证：</li>
                    <li> 沪网文󞪒]4086-308号</li>
                    <li> | </li>
                    <li>增值电信业务经营许可证：</li>
                    <li>京B2-20150021</li>
                    <li>|</li>
                    <li>食品经营许可证：</li>
                    <li> JY13101140088888</li>
                </ul>
            </div>
            <!-- 第四行 -->
            <div class="fourth">
                <ul>
                    <li>医疗器械经营许可证：</li>
                    <li>京嘉食药监械经营许20188008号</li>
                    <li> | </li>
                    <li>互联网药品信息服务资格证书:</li>
                    <li>(京)-经营性-2018-0011</li>
                    <li> | </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 固定侧边栏 -->
    <div class="fix">
        <div>
            <a href="#wdkc">
                <img src="./images/1.3.png" alt="">
                <p>我的课程</p>
            </a>
        </div>
        <div>
            <a href="#wdks">
                <img src="./images/1_06.png" alt="">
                <p>我的考试</p>
            </a>
        </div>
        <div class="dibu">
            <a href="#top">
                <img src="./images/jt1.png" alt="">
                <p>返回顶部</p>
            </a>
        </div>
    </div>

    <!-- js -->
    <script src="./data/indexdata.js"></script>
    <script src="/js/my.js"></script>
    <script src="/js/public.js"></script>
    <script src="/js/index.js"></script>

</body>

</html>